.user-login {
	padding: 60rpx;
  }
  
  .login-type {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	line-height: 1;
	margin: 40rpx 0 80rpx;
  
	.title {
	  font-size: 48rpx;
	  color: #121826;
	}
  
	.type {
	  color: #3c3e42;
	  font-size: 30rpx;
	  display: flex;
	  align-items: center;
	}
  }
  
  .social-login {
	margin-top: 100rpx;
	padding: 0 60rpx;
  
	.legend {
	  height: 40rpx;
	  position: relative;
	  border-top: 1rpx solid #ebebeb;
	}
  
	.text {
	  position: absolute;
	  top: -50%;
	  left: 50%;
  
	  font-size: 28rpx;
	  color: #999;
	  padding: 0 10rpx;
	  background-color: #fff;
	  transform: translate(-50%);
	}
  
	.social-account {
	  display: flex;
	  justify-content: space-evenly;
	  margin-top: 40rpx;
  
	  .icon {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 80rpx;
		height: 80rpx;
		border-radius: 100rpx;
		background-color: #f6f6f6;
	  }
	}
  }